<!doctype html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>Web Content Management</title>
    <!-- define loading style early -->
    <style type="text/css">
		div.loading {
		    width: 100%; 
		    height: 100%; 
		    background-color: #d8ecfd;
		}
		.loading img {
		    position: absolute;
		    top: 45%;
		    left: 45%;
		}
    </style>    
  </head>

  <body>
    <div id="loading" class="loading">
        <img src="images/loading.gif">
    </div> 
  
    <!-- Necessary for history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame"style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- Download attachments needs this -->
    <iframe src="" id="__download" style="width:0;height:0;border:0"></iframe> 

  </body>
  <!--  load the application at the end when loading is being shown -->
  <script type="text/javascript" language="javascript" src="cms/cms.nocache.js"></script>
  <script type="text/javascript">
    var CKEDITOR_BASEPATH = 'cms/ckeditor/';
  </script>
  <script type="text/javascript" language="javascript" src="cms/ckeditor/ckeditor.js"></script>
</html>